﻿@using QLNS
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Home.cshtml";
    List<CapNgoaiNgu> list = ViewBag.DSCapNgoaiNgu;
}
<div class="toolbar">
<ul>
    <li><input class="tbtnBack" type="button" value="Quay về" onclick="javascript:history.back()"/>
    </li>
    <li><input class="tbtnAdd" type="button" value="Thêm mới" onclick="javascript:window.location='/LaN/Add/'"/>
    </li>
</ul>
<div class="ttitle">Cấp Ngoại Ngữ</div>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        // prepare the data
        var source =
            {
                datatype: "json",
                datafields: [
                     { name: 'ID' },
                     //{ name: 'STT' },
                     { name: 'Ten' }
                ],
                id: 'ID',
                url: '/LaN/GetPagingGrid/',
                root: 'Rows',
                sort: function () {
                    // update the grid and send a request to the server.
                    $("#jqxgridcontent").jqxGrid('updatebounddata', 'sort');
                }

            };

        var dataAdapter = new $.jqx.dataAdapter(source,
                {
                    downloadComplete: function (data) {
                        source.totalrecords = data.TotalRows;
                    }
                }
            );

        // initialize jqxGrid
        $("#jqxgridcontent").jqxGrid(
            {
                width: '100%',
                source: dataAdapter,
                theme: 'darkblue',
                autoheight: true,
                pageable: true,
                virtualmode: true,
                sortable: true,
                rendergridrows: function (params) {
                    return params.data;
                },
                ready: function () {
                    $("#jqxgridcontent").jqxGrid('hidecolumn', 'ID');
                },
                columns:
                 [
                      { text: 'ID', editable: false, datafield: 'ID', width: 0 },
                      //{ text: 'STT', datafield: 'STT', width: '20%' },
                      { text: 'Tên ', datafield: 'Ten', width: '80%' },
                      { text: 'Delete', datafield: 'Delete', columntype: 'button', pinned: true, width: '10%',
                          cellsrenderer: function () {
                              return "Delete"
                          },

                          buttonclick: function (row) {
                              // open the popup window when the user clicks a button.
                              editrow = row;

                              var dataRecord = $("#jqxgridcontent").jqxGrid('getrowdata', editrow);
                              $.get('/LaN/GetConfirmDelete/' + dataRecord.ID, null,
                               function (data) {
                                   if (data > 0) {
                                       jqxAlert.alert('Tồn tại cán bộ, viên chức có trình độ ngoại ngữ này. Hãy xóa cán bộ trước!');
                                       //  
                                   }
                                   else {
                                       jqxConfirm.alert('Bạn có chắc muốn xóa trình độ ngoại ngữ này khỏi danh sách?');
                                       $("#alert_button").click(function () {
                                           document.location.href = '/LaN/Delete/' + dataRecord.ID + '/';
                                           jqxAlert._hide();
                                       });
                                   }
                               });


                          }
                      },

                      { text: 'Edit', datafield: 'Edit', columntype: 'button', pinned: true, width: '10%',
                          cellsrenderer: function () {
                              return "Edit"
                          },

                          buttonclick: function (row) {
                              // open the popup window when the user clicks a button.
                              editrow = row;

                              var dataRecord = $("#jqxgridcontent").jqxGrid('getrowdata', editrow);
                              document.location.href = '/LaN/Update/' + dataRecord.ID + '/';


                          }
                      }

                  ]
            });

    });
    </script>

<div id="jqxgridcontent"></div>

